<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <style>
    /*#id选择器 只能指定一个标签 进行装饰*/
    #p1{color: yellow}
    /*类选择器 要先定义为同一个类 class 才可以进行类选择 可以选择多个*/
    .c1{color: blue}
    /*分组选择器 可以通过逗号 选取 多个选择器 进行整合装饰
    background-color背景颜色*/
    h4,#p1,.c1{background-color: blueviolet}
    /*属性原则器 type="text"就是属性 格式：标签名[那个属性]{装饰代码}*/
    input[type="text"]{color: brown}
    input[type="password"]{color: blueviolet}
    /*任意元素选择器 选择页面中所有标签/元素 */
    /*border边框: px粗细 样式 颜色*/
    *{border: 2px solid peru  }
  </style>

</head>
<body>
<input type="text">
<input type="password">
<p id="p1">苹果</p>
<p class="c1">香蕉</p>
<p>橘子</p>
<h3 class="c1">冰箱</h3>
<h3>洗衣机</h3>
<h3>电视剧</h3>
<h4>张三</h4>

</body>
</html>